import React ,{useState}from 'react'
import "./User.less"
// import Bg from "@/static/images/user/bj_1.png"
import Img from "@/static/images/user/avatar.png"
import I1 from "@/static/images/user/collect_3.png"
import I2 from "@/static/images/user/note_1.png"
import I3 from "@/static/images/user/examination_me.png"
import I4 from "@/static/images/user/data_me.png"
import I5 from "@/static/images/user/a1.png"
import I6 from "@/static/images/user/a2.png"
import I7 from "@/static/images/user/a3.png"
import {ArrowForwardIos} from '@mui/icons-material';
export default function User() {
  let [bool,setbool] = useState(false)
  const tanchu=()=>{
    setbool(true)
    let ss = setTimeout(()=>{
      setbool(false)
      clearTimeout(ss);
    },5000);
    
    
  }
  return (
    <div className='big'>
      <div className='banner'>
        <div className='wenben'>个人中心</div>
        <img className='imgg' src={Img} alt="" />
        <div className='wendi'>前端文迪</div>
        <ul className='ul1'>
          <li onClick={tanchu}>
            <img src={I1} alt="" />
            <div className='two'>3</div>
            <div className='three'>收藏</div>
          </li>
          <li onClick={tanchu}>
            <img src={I2} alt="" />
            <div className='two'>1</div>
            <div className='three'>笔记</div>
          </li>
          <li onClick={tanchu}>
            <img src={I3} alt="" />
            <div className='two'>3</div>
            <div className='three'>我的考试</div>
          </li>
          <li onClick={tanchu}>
            <img src={I4} alt="" />
            <div className='two'>3</div>
            <div className='three'>学习资料</div>
          </li>
        </ul>
        
      </div>
      <div>
        <ul className='ul2'>
          <li onClick={tanchu}>
            <img src={I5} alt="" />
            <span>我的资料</span>
            <ArrowForwardIos className='jiantou'></ArrowForwardIos>
          </li>
          <li onClick={tanchu}>
            <img src={I6} alt="" />
            <span>系统公告</span>
            <ArrowForwardIos className='jiantou'></ArrowForwardIos>
          </li>
          <li onClick={tanchu}>
            <img src={I7} alt="" />
            <span>关于我们</span>
            <ArrowForwardIos className='jiantou'></ArrowForwardIos>
          </li>
        </ul>
      </div>
      <div className="tan" style={{display:bool?"block":"none"}}>该功能暂未开放</div>
    </div>
  )
}
